<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>组件参数校验</title>
  <script src="./vue.js"></script>
</head>
<body>
  <div id="root">
    <child :count="my"></child>
  </div>

  <script>
    Vue.component("child", {
      props: {
        // count: [Number, String] // 参数校验，只能是数字或字符串类型
        // count: {
        //   type: Number,   // 类型为字符串
        //   required: true, // true表示 count为必传属性
        //   default: 'default value', // 默认参数，如果count未传，则为默认值
        //   validator: function(val) { // 传入参数长度须大于5
        //     return (val.length > 5) 
        //   }
        // }
      },
      template: '<div>you</div>'
    })

    var vm = new Vue({
      el: "#root"
    })
  </script>
</body>
</html>